<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">

        #test-by-word {
            color: red;
        }

        #test-by-hex {
            color: #FF9800;
        }

        #test-by-rgb {
            color: rgb(0, 255, 0);
        }

        #test-by-rgba {
            color: rgba(0, 255, 0, 0.5);
        }

    </style>
</head>
<body>

<section id="test-by-word">颜色单词</section>
<section id="test-by-hex">颜色16进制代码</section>
<section id="test-by-rgb">颜色rgb代码</section>
<section id="test-by-rgba">颜色rgba代码</section>

</body>
</html>